<template>
  <div class="announcement">
    <div class="icon_wrapper">
      <Icon type="md-volume-up" />
    </div>
    <div class="separator"></div>
    <div class="text">
      <div>请在车内操作手机， 站内严禁拨打手机</div>
      <div>请告知加油工作人员， 本次服务有团油提供</div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.announcement {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  background: #FFFFCC;

  .separator {
    width: 1px;
    height: 20px;
    background-color: #d4d4d4;
    margin: 0 8px;
  }

  .text {
    font-size: 12px;
  }
}
</style>
